import {isString} from "../utils/helpers";
import {reactive} from "vue";

export function useImageViewer(){

    const viewer = reactive({ // 图片查看器数据
        imgViewer: false,
        imgUrl: "",
    })

    // 图片预览
    function onImgPreview(file) {
        viewer.imgViewer = true;
        if (isString(file)) { // 字符串表示这是一个链接
            viewer.imgUrl = file;
        } else { // 否则是一个File对象
            viewer.imgUrl = file.url;

        }
    }
    return {
        viewer,
        onImgPreview,
    }
}
